1. Aufgabenstellung
Die Aufgabenstellung für die Prüfungsaufgabe ist eine Website für ein Reisebüro zu erstellen, um das erlernte Wissen aus den Bereichen Bildbearbeitung und Programmierung des SGD Kurses Web - Design anzuwenden.
2. Vorgaben zur Aufgabenstellung
Die Website muss mindestens aus der Homepage ("index.html") und weiteren vier Unterseiten bestehen. Außerdem soll ein Preisrätsel programmiert werden.
Das Design ist frei wählbar, soll aber einheitlich aussehen und zur Corporate Identity des Reisebüros passen.
- Folgende Elemente müssen umgesetzt und in die Website eingebaut sein:
- - individuelles Reisebüro-Design
- - eine Kontakt-Seite mit einem Formular, welches die Felder enthält:
- * Name
- * Vorname
- * Telefonnummer
- * mehrzeiliges Eingabefeld
- * Geschlecht
- * Auswahlfeld für verschiedenen Reiseangebote
- * Newsletter abonnieren
- * Die Pflichtfelder sollen auf die richtige Eingabe überprüft werden.
- * auf der Antwortseite werden die Inhalte des Formulars mit PHP ausgelesen und in dieser Form abgebildet :
Sehr geehrter Herr ... bzw. je nach Geschlecht, Sehr geehrte Frau ..., vielen Dank für Ihre Anfrage, Sie interessieren sich für ... Wir setzen uns so bald wie möglich mit Ihnen in Verbindung , Ihr Reiseteam XYZ.
- - Stylesheets in externer CSS-Datei
- - Die Navigation der Website bildet eine Liste mit Links ab, wenn die Maus oder der Finger den Link "Reiseziele" berührt.
- - 3 der bereitgestellten Bilder wurden verfremdet und müssen bearbeitet werden.
- - auf einer Seite gibt es ein Quiz bestehend aus 6 Bildern von Sehenswürdigkeiten. Ein kleines Formular stellt zwei Fragen, die vom Benutzer beantwortet werden können. Unten wird die aktuelle Ortszeit anhand der Systemzeit ausgerechnet und abgebildet. Beim Klick auf den Link oder Button werden die Antworten ausgewertet und man kann die nächste Quizfrage beantworten. Am Ende sollen die richtigen Antworten addiert werden. Das Design kann individuell gestaltet werden. Die Programmierung soll möglichst vollständig mit JavaScript gelöst werden.
- - Für das Quiz können die zur Verfügung gestellten Fotos verwendet werden. Copyright und Lizensen für andere Fotos, Musik, Frameworks, etc befinden sich unten auf dieser Seite.
- - Das Design der Website ist Teil der Aufgabenstellung. Gefordert ist ein homogenes Design. Alle Einzelseiten sollten die gleichen Gestaltungsmerkmale aufweisen um die Website optisch zusammenzuhalten. Das Logo soll auf jeder Seite erscheinen und immer am gleichen Platz befindet.
- - Alle Dateien müssen auf CD gebrannt und mit den Prüfungsunterlagen eingeschickt werden.
2.1 Die Navigation
Die Navigation muss mit Hilfe von CSS-Stylesheets erstellt sein. Für die zweite Navigationsliste (Reiseziele) soll Java-Script verwendet werden.